<template>
  <div>
    <h1>{{ msg }}</h1>

    <button @click="btn">翻转世界</button>
  </div>
</template>

<script>
export default {

    data() {
        return {
            msg: "Hello , word",
        }
    },
    methods: {
        // btn() {
        //     let arr = this.msg.split("")
        //     this.msg = arr.reverse().join("")
        // }
        btn(){
            this.msg = [...this.msg].reverse().join("")
        }
    }

}
</script>

<style>

</style>